{% include "../include/head.html" %}

<body>

    <div class="mui-off-canvas-wrap mui-slide-in">

        {% include "../include/header.html" %}

        <style>
            .page-wrap {
                padding: 5px 10px;
                background-color: #fff;
            }

            .page-wrap img {
                display: block;
                margin: 10px auto;
                max-width: 100%;
            }

            .page-wrap video {
                max-width: 84%;
            }

            .page-title {
                padding: 6vw 0 3vw;
                margin-top: 0;
                margin-bottom: 0;
                font-size: 23px;
                color: #4b4b4b;
            }

            .title-attach {
                overflow: hidden;
                margin-bottom:20px;
                padding: 10px 0;
                border-bottom: 1px solid #D7D7D7;
            }

            .title-attach-left {
                float: left;
                font-family: "微软雅黑";
            }

            .title-attach-left i {
                display: inline-block;
                width: 1em;
                height: 1em;
                background-color: #ff9000;
                color: #fff;
                text-indent: 1px;
                border-radius: 50%;
                font-weight: bold;
                text-align: center;
                line-height: 1em;
            }

            .title-attach-left b {
                font-weight: normal;
                color: #a3a3a3;
                font-size: 17px;
                vertical-align: bottom;
            }

            .title-attach-right {
                float: right;
                font-size: 16px;
                color: #A3A3A3;
            }

            .page-content p {
                line-height: 1.4;
                text-indent: 2em;
                font-size: 16px;
            }
        </style>
        <div class="mui-inner-wrap">
            <div class="page-wrap">
                <h2 class="page-title">{{newsDetail.title}}</h2>
                <div class="title-attach">
                    <div class="title-attach-left">
                        <i>v</i>
                        <b>南国早报</b>
                    </div>
                    <div class="title-attach-right">
                        1 天前 </div>
                </div>
                <div class="page-content">{{newsDetail.ckcontent|safe}}</div>
            </div>
        </div>
    </div>

    <script>
        mui('body').on('tap', 'a', function () {
            window.top.location.href = this.href;
        })
    </script>
</body>

</html>